(function () {
    $.fn.extend({
        // 轮播图
        _carousel_auto() {
            class Swiper2 {
                constructor(el) {
                    this.el = el; //最大的盒子
                    this.oUl = this.el.find("ul"); //
                    this.oOl = this.el.find("ol");
                    this.imgIndex = 0; //图片的下标
                    this.pointIndex = 0; //点的下标
                    this.timer = setInterval(() => {
                        this.imgIndex++;
                        this.pointIndex++;
                        this.autoPlay();
                    }, 2000)
                    this.init();
                    this.mouseEvent();
                    this.clickHandler()
                }
                init() {
                    //1.把ul里的第一张图片,克隆一张,追到ul的后面
                    let $cloneLi = this.oUl.children().eq(0).clone(true);
                    this.oUl.append($cloneLi);
                    for (let i = 0; i < this.oUl.children().length - 1; i++) {
                        $(`<li class=${i==0?'current':''}></li>`).appendTo(this.oOl)
                    }
                }
                autoPlay() {
                    if (this.imgIndex > 4) {
                        this.imgIndex = 1;
                        this.oUl.css({
                            left: 0
                        })
                    }
                    this.oUl.stop().animate({
                        left: this.imgIndex * -1920
                    })
                    //下面的点
                    if (this.pointIndex == 4) {
                        this.pointIndex = 0;
                    }
                    this.oOl.children().eq(this.pointIndex).addClass("current").siblings().removeClass("current");

                }
                mouseEvent() {
                    let self = this;
                    this.el.on("mouseenter", () => {
                        clearInterval(this.timer)
                    }).on("mouseleave", () => {
                        self.timer = setInterval(() => {
                            self.imgIndex++;
                            self.pointIndex++;
                            self.autoPlay();
                        }, 2000)
                    })
                }
                clickHandler() {
                    let self = this;
                    this.el.on("click", "ol>li", function () {
                        let $index = $(this).index();
                        self.pointIndex = self.imgIndex = $index;
                        self.autoPlay()
                    })
                }
            }
            new Swiper2(this);
        },
        //显示隐藏 
        _show() {
            this.on("mouseenter", function () {
                $(this).children("ul").stop().slideDown()
            }).on("mouseleave", function () {
                $(this).children("ul").stop().slideUp()
            })
        },
        //商品列表里的按钮显示隐藏
        _ProductList() {
            this.children("li").on("mouseenter", function () {
                $(this).find(".addcart").show();
                $(this).find(".fahuo").show();
                $(this).children(".imgBox").find("a>img").css({
                    opacity: 0.6
                })
            }).on("mouseleave", function () {
                $(this).find(".addcart").hide();
                $(this).find(".fahuo").hide();
                $(this).children(".imgBox").find("a>img").css({
                    opacity: 1
                }).parents
            })
        },
        //显示侧边栏购物车
        _showCart(){
        this.find("#showcartbox").on("click",function () {
          
            $(this).parents(".cartsbox").find(".dragCart").show(500)

        })
        this.find("#cs").on("click",function () {
            $(this).parents(".dragCart").hide(500)
        })
        },
        //移入显示我的财产,收藏,看过,二维码,客服
        _showList(){
            this.find(".property").on("mouseenter",function () {
                $(this).find(".showProperty").stop().show(500)
            }).on("mouseleave",function () {
                $(this).find(".showProperty").stop().hide(500)
            })

            this.find(".wish").on("mouseenter",function () {
                $(this).find(".showWish").stop().show(500)
            }).on("mouseleave",function () {
                $(this).find(".showWish").stop().hide(500)
            })

            this.find(".look").on("mouseenter",function () {
                $(this).find(".showLook").stop().show(500)
            }).on("mouseleave",function () {
                $(this).find(".showLook").stop().hide(500)
            })

            this.find("._erma").on("mouseenter",function () {
                $(this).find(".showerma").stop().show(500)
            }).on("mouseleave",function () {
                $(this).find(".showerma").stop().hide(500)
            })

            this.find("._kefu").on("mouseenter",function () {
                $(this).find(".showkefu").stop().show(500)
            }).on("mouseleave",function () {
                $(this).find(".showkefu").stop().hide(500)
            })

            this.find(".scrolltop").on("mouseenter",function () {
                $(this).find(".showTop").stop().show(500)
            }).on("mouseleave",function () {
                $(this).find(".showTop").stop().hide(500)
            })
            
        },
        //返回头部
        backTop(){
            let $backTop = $(".scrolltop");
            $(document).scroll(function () {
                let scrollTop = $(this).scrollTop();
                if (scrollTop > 550) {
                    $backTop.show();
                } else {
                    $backTop.hide();
                }
        
            })
            $backTop.on("click", function () {
                //让真个页面 回到顶部
                $("html,body").animate({
                    scrollTop:0
                })
        
            })
        },
        // moveRight(){
        //     this.children("ul").children("li").children("a").on("mouseenter",function () {
        //         $(this).animate({
        //             left:-10
        //         })
        //     })
        // },
    })
})()
$(function () {
    $(".banner")._carousel_auto();
    $("#myli")._show();
    $("#more")._show();
    $(".maincon>ul")._ProductList();
    $(".cartsbox")._showCart();
    $(".icons")._showList();
    $(".scrolltop").backTop();
    // $(".foot-list").moveRight();
})